<template>
  <div class="container">
			<ul class="type clearfix">
				<li>
					<img src="../assets/img/tv.jpg"/>
					<span class="imgtitle">
						我的tv
					</span>
				</li>
				<li>
					<img src="../assets/img/vod.jpg"/>
					<span class="">
						我的vod
					</span>
				</li>
			</ul>
			<div class="mainTvInfo">
				<aside>
					<div>
						北京电视台
					</div>
					<div>
						上海电视台
					</div>
					<div>
						天津电视台
					</div>
					<div>
						武汉电视台
					</div>
				</aside>
				<section>
					<div class="movietime">
						<span>1.00</span>
            	<img src="../assets/img/timg.jpg"/>
						<span>3.00</span>
					</div>
					<div class="movieinfo">
						<span>
							首都新闻1
						</span>
						<span>
							播放时长:from 1:00  to 3:00
						</span>
					</div>
					<div class="movieinfo">
						<span>
							首都新闻2
						</span>
						<span>
							播放时长:from 4:00  to 6:00
						</span>
					</div>
					<div class="movieinfo">
						<span>
							首都新闻3
						</span>
						<span>
							播放时长:from 6:00  to 8:00
						</span>
					</div>
					<div class="movieinfo">
						<span>
							首都新闻4
						</span>
						<span>
							播放时长:from 8:00  to 10:00
						</span>
					</div>
					<div class="movieinfo">
						<span>
							午间新闻1
						</span>
						<span>
							播放时长:from 10:00  to 12:00
						</span>
					</div>
				</section>
			</div>
		</div>
</template>

<script>
export default {
  name: 'MovieIndex',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
